@charset "UTF-8";
/**
 * 首页stylesheet
 * zeyuan_html_pc_index
 * 引入文件
 *   common.scss
 *   header.scss
 */
@import "block/common.scss";
@import "block/header.scss";

.flash,.flash .bd{overflow: hidden;position: relative;}

.index-sec1{
  #flash1{
    width: 100%;
    min-width: 1100px;
    .hd{
      position: absolute;
      z-index: 100;
      width: 1100px;
      bottom: 27px;
      left: 50%;
      margin-left: -550px;
      text-align: center;
      li{
        @include wah(10px,10px,none);
        padding: 3px 5px;
        display: inline-block;
        background: url("../images/zy_index_1_bg1.png") center center no-repeat;
        &.on{
          background: url("../images/zy_index_1_bg1_on.png") center center no-repeat;
        }
      }
    }
    .bd{
      ul{
        margin: 0 auto;
      }
      img{width: 100%;}
    }
  }
}
.index-sec2{
  background: #fff;
  .wrap{
    padding: 65px 0px;
  }
  .cover-pic{
    &,img{@include wah(380px, 340px, none);}
  }
  .news-list{
    @include wah(670px, 340px,none);
    dl{
      height: 100px;
      margin-bottom: 20px;
      border-bottom: 1px dashed #ccc;
      position: relative;
      dt{@include flc(18px,40px, #333333, left);font-weight:bold;}
      dd{@include flc(14px,1.5,#656565,left);margin-top: 5px;}
      .cl-list-time{@include flc(14px,40px,#333333,right);right: 0px;}
    }
  }
  .news-more-link{
    position: absolute;
    right: 0px;
    bottom: 40px;
    @include flc(14px,2, #F7551F, right);
    b{background: #F7551F;color: #fff;padding: 3px 5px;margin-left: 4px;}
  }
}

.index-sec3{
  height: 747px;
  background: url('../images/zy_index_3_bg1.jpg') center center no-repeat;
  .wrap{
    .cover-pic{
      @extend  %palt;
      left: 378px;
      top: 178px;
      @include wah(326px,348px,none);
      background: url('../images/zy_index_3_bg2.png') center center no-repeat;
    }
    .line1{
      padding-top: 178px;
      @include wah(743px,309px,none);
      margin: 0 auto;
      background: url('../images/zy_index_3_bg3.png') center bottom no-repeat;
    }
    .line2{
      margin-top: 60px;
      .line-block{
        @include wah(172px,127px,left);
        margin-right: 12px;
        .icon-wrap{
          text-align: center;
          padding: 15px 0px;
        }
        .txt{  @include flc(14px,3,#F7F7FB,center);      }
        .txt-double{line-height: 1.3;  }
      }
      .b1{background: #F75620;}
      .b2{background: #08C8F0;}
      .b3{background: #4876B8;}
      .b4{background: #04F1BA;}
      .b5{background: #383838;}
      .b6{background: #ED043B;margin-right: 0;}

    }
  }
}

.index-sec4{
  background: url('../images/zy_index_4_bg1.jpg') center bottom no-repeat;
  height: 538px;
  .line1{
    height: 168px;
    background: url('../images/zy_index_4_bg2.png') center bottom no-repeat;
  }
  .line2{
    @extend %clf;
    background: url('../images/zy_index_4_bg4.png') center 80px no-repeat;
    .line-block{
      @include wah(302px,178px,none);
      margin-right: 90px;
      position: relative;
      &.end{margin-right: 0;}
      .step-number{
        @include flc(30px,2,#fff,center);
        font-weight: bold;
      }
      .step-title{
        background: #fff;
        height: 81px;
        @include flc(24px, 81px ,#373737,center);
        .icon{
          margin-right:22px ;
          vertical-align: -6px;
        }
      }
      .step-intro{
        @include flc(14px,50px,#fff,center);
      }
    }
    .line-block.on{
      .step-number{
        color: #F75620;
      }
      .step-title{
        background: #F75620;
        color: #fff;
      }
      .icon-step1{  @include sprite-position($iconStep1On); }
      .icon-step2{  @include sprite-position($iconStep2On); }
      .icon-step3{  @include sprite-position($iconStep3On); }
    }
  }
  .line3{
    margin-top: 60px;
    .start-btn{
      display: block;
      margin: 0 auto;
      background: url('../images/zy_index_4_bg3.png') center bottom no-repeat;
      @include wah(308px, 74px ,none);
      @include flc(22px,74px,#fff,center);
    }
  }
}
.index-sec5{
  height: 696px;
  padding-top: 45px;
  background: url('../images/zy_index_5_bg2.png') center top;
  .line1{
    padding-top:74px;
    padding-bottom: 20px;
    @include flc(14px,2,#616161,center);
  }
  .line2{
    height: 450px;
    #flash2{
      @include wah(1102px,440px,none);
      position: relative;
      background: url('../images/zy_index_5_bg3.png') center top no-repeat;
      .bd{
        height: 376px;
        // border-left: 1px  dashed #ccc;
      }
      .tab{
        li{
          // border-right: 1px  dashed #ccc;
          &,.cover-pic,.hidden-pic{
            @include wah(366px,189px,left);
            img{
              padding: 5px;
              @include wah(356px,177px,left);
            }
          }
          .hidden-pic{display: none;}
          &:hover{
            .cover-pic{display: none;}
            .hidden-pic{display: block;}
          }
        }
      }
      .prev,.next{
        @extend %palb;
        @include wah(25px,25px,none);
        background: #4F4F51;
        @include flc(14px,25px,#DCDCDC,center);
      }
      .prev{   left: 518px; }
      .next{   left: 549px; }
    }
  }
  .rocket{
    margin: 0 auto;
    margin-top: 17px;
    @include wah(80px, 80px ,none);
    background: url('../images/zy_index_5_bg4.png') center center no-repeat;
  }
}
